<!--插槽-->
<script setup lang="ts">
import Dialogggg from "./Dialogggg.vue";
import {ref} from "vue";

// 通过控制变量更换插槽位置
let where = ref('footer-slot')
</script>

<template>
  <Dialogggg>
    <template #header-slot>
      <div>header插槽</div>
    </template>
    <template v-slot:main-slot="{myData}">
      <div>main插槽</div>
      <div>{{ myData }}</div>
    </template>
    <template #[where]>
      <div>
        footer动态插槽
      </div>
    </template>
  </Dialogggg>
</template>

<style scoped lang="scss">

</style>